@import "src/css/mixin";

#CommonModal{
  padding: 0 .3rem;
  text-align: center;
  background-color: #fff;

  .CloseButton {
    position: absolute;
    top: .04rem;
    right: .04rem;
    text-align: right;

    .icon-cross {
      display: block;
      width: .3rem;
      height: .3rem;
      text-align: center;
      line-height: .3rem;
      font-size: .14rem;
      color: $gray;
    }
  }
  .title {
    font-size: .18rem;
    margin-bottom: .34rem;
    padding-top: .3rem;
    color: #212022;
    font-weight: 600;
    margin-top: 0;
  }
  .title-no-margin{
    margin: 0;
  }
  .title-no-info{
    margin: 0;
    padding: .63rem 0 .8rem;
  }
  .info{
    font-size: .13rem;
    margin-bottom: .3rem;
    color: $lightgray;
    line-height: .22rem;
  }
  .submit-btn{
    height: .55rem;
    line-height: .37rem;
    width: 100%;
    display: block;
    margin-bottom: .25rem;
  }
  .min-margin{
    margin-bottom: .13rem;
  }
  .half-btn{
    width: calc((100% - 15px)/ 2);
    display: inline-block;
    &:first-of-type{
      margin-right: 10px;
    }
  }
  .sade-img{
    width: .65rem;
    height: .85rem;
    margin-bottom: .24rem;
  }
  .icon-checkmark,.icon-x{
    display: block;
    color: #77c61b;
    font-size: .35rem;
    margin: .17rem 0;
  }
  .icon-x {
    color: #e23336;
  }
  .link {
    font-size: .12rem;
    letter-spacing: -.58px;
    line-height: .12rem;
    display: block;
    color: $blue;
    margin-top: .09rem;
  }
  .underline {
    text-decoration: underline;
  }
  .agreement-info {
    font-size: .12rem;
    color: #b3b5b7;
    padding-bottom: .25rem;
    margin:0;
  }
}